---
title: 単独でフロントエンドのDockerコンテナを起動する
---


バックエンドを単独で開発する際、ソースコードからバックエンドサービスを起動するだけで十分で、フロントエンドのコードをローカルで構築して起動する必要はないかもしれません。その代わり、Dockerイメージをプルしてコンテナを起動する方法でフロントエンドサービスを起動することができます。以下は具体的な手順です：

#### DockerHubのイメージを直接使用する

```Bash
docker run -it -p 3000:3000 -e CONSOLE_URL=http://127.0.0.1:5001 -e APP_URL=http://127.0.0.1:5001 langgenius/dify-web:latest
```

#### ソースコードからDockerイメージを構築する

1.  フロントエンドイメージを構築する

    ```
    cd web && docker build . -t dify-web
    ```
2.  フロントエンドイメージを起動する

    ```
    docker run -it -p 3000:3000 -e CONSOLE_URL=http://127.0.0.1:5001 -e APP_URL=http://127.0.0.1:5001 dify-web
    ```
3. コンソールのドメイン名とWeb APPのドメイン名が一致しない場合、`CONSOLE_URL`と`APP_URL`を個別に設定できます。
4. ローカルで [http://127.0.0.1:3000](http://127.0.0.1:3000) にアクセスします。

{/*
Contributing Section
DO NOT edit this section!
It will be automatically generated by the script.
*/}

<CardGroup cols="2">
    <Card
        title="このページを編集する"
        icon="pen-to-square"
        href="https://github.com/langgenius/dify-docs-mintlify/edit/main/ja-jp/getting-started/install-self-hosted/start-the-frontend-docker-container.mdx"
    >
        直接貢献することでドキュメントの改善にご協力ください
    </Card>
    <Card
        title="問題を報告する"
        icon="github"
        href="https://github.com/langgenius/dify-docs-mintlify/issues/new?title=ドキュメントの問題%3A%20-the-frontend-docker-contai&body=%23%23%20問題の説明%0A%3C%21--%20発見した問題について簡単に説明してください%20--%3E%0A%0A%23%23%20ページリンク%0Ahttps%3A%2F%2Fgithub.com%2Flanggenius%2Fdify-docs-mintlify%2Fblob%2Fmain%2Fja-jp/getting-started/install-self-hosted%2Fstart-the-frontend-docker-container.mdx%0A%0A%23%23%20提案される変更%0A%3C%21--%20特定の変更案がある場合は、ここで説明してください%20--%3E%0A%0A%3C%21--%20ドキュメントの品質向上にご協力いただきありがとうございます！%20--%3E"
    >
        エラーを見つけたり提案がありますか？お知らせください
    </Card>
</CardGroup>
